import React from 'react'
import Tabs from 'react-simpletabs'
import { bindActionCreators } from 'redux';
import * as UserActions  from '../actions/UserActions';
import { connect }  from 'react-redux';
import MessageSettingRec from './MessageSettingRec'
import MessageSettingKeyRec from './messagesettingkeyrec/MessageSettingKeyRec'
import MessageSettingEventsRec from './MessageSettingEventsRec'

export default class MessageSettingBody extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
      return (
        <div className="content-body" >
          <Tabs>

            <Tabs.Panel title='关键字自动回复'>
              <MessageSettingKeyRec
                wechat = {this.props.wechat}/>
            </Tabs.Panel>
            <Tabs.Panel title='被关注自动回复'>
              <MessageSettingEventsRec
                wechat = {this.props.wechat}/>
            </Tabs.Panel>
          </Tabs>
        </div>
      );
  }
}
